import { useState,useEffect,useRef} from 'react';
// import { useNavigate } from "react-router-dom";
import { runInAction } from 'mobx';
import { observer } from 'mobx-react';
import store from '@/store/public';
import style from '@/components/header/components/navUser/navUser.module.css';
import iconDeposit from '@/static/images/icon/deposit.svg';
import userDark from '@/static/images/topbar/user-dark.svg';
import userLight from '@/static/images/topbar/user-light.svg';

function NavLogin(){
	return (
		<>
			{
				store.isDeskPlatform
				? <li className='pl8 pr8 fs13 left'><span className={style.deposit}><img className='mr5' src={iconDeposit} />充币</span></li>
				:''
			}
			<li className='pl8 pr8 fs14 left'><img src={store.theme==='dark'?userDark:userLight} /></li>
		</>
	)
}
export default observer(NavLogin);